<!DOCTYPE html>
<style>
    span:nth-of-type(3n+1)::before { color:salmon; content:"salmon"; }
    span:nth-of-type(3n+2)::before { color:blue; content:"blueberry"; }
    span:nth-of-type(3n+3)::before { color:olive; content:"olive"; }
    .fake_column { float:left; width:100px; }
    .fake_rule { float:left; width:0; height:75px; margin:0 4px; border-left:1px solid; }
</style>

<p>
    There should be 5 columns below. Each column should have 3 lines. The first
    line should read "<span></span>". The second line should read
    "<span></span>". The third line should read "<span></span>". The lines
    should be perfectly vertically aligned with the corresponding lines in the
    other columns.
</p>

<div style="width:545px; line-height:20px; text-align:center;">
    <div class="fake_column">
        <span></span><br>
        <span></span><br>
        <span></span><br>
    </div>
    <div class="fake_rule"></div>
    <div class="fake_column">
        <span></span><br>
        <span></span><br>
        <span></span><br>
    </div>
    <div class="fake_rule"></div>
    <div class="fake_column">
        <span></span><br>
        <span></span><br>
        <span></span><br>
    </div>
    <div class="fake_rule"></div>
    <div class="fake_column">
        <span></span><br>
        <span></span><br>
        <span></span><br>
    </div>
    <div class="fake_rule"></div>
    <div class="fake_column">
        <span></span><br>
        <span></span><br>
        <span></span><br>
    </div>
</div>
